<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="plugins/jquery.min.js" type="text/javascript"></script>
    <script src="plugins/vue/vuejs-2.5.16.js"></script>
</head>
<body>

<div id="aaa">
    {{title}}
    <span v-text="title"></span>
    <p>{{price + num}}</p>
    <p>{{price - num}}</p>
    <p>{{price * num}}</p>
    <p>{{price / num}}</p>
    <p>{{price % num}}</p>
    <p>{{flag ?"男":"女"}}</p>
    <button v-on:click="login">点击</button>
</div>


<script>
    var vue = new Vue({
        el:"#aaa",
        data:{
            title:"vue",
            price:22.2,
            num:3,
            flag:false
        },
        methods:{
            login:function(){
                alert("点击事件触发了");
                console.log("你触发的是点击事件!!!!");
            }
        }

    })
</script>

</body>
</html>